<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./car_pc.css" />
    <script type="text/javascript" src="./car_pc.js"></script>
  </head>
  <body>
    <div class="flex-row space-x-22 page">
      <div class="flex-col space-y-22 group">
        <div class="flex-col space-y-258 section">
          <div class="flex-row space-x-161 group_3">
            <div class="flex-col space-y-2 section_4">
              <div class="flex-row space-x-9 group_5">
                <img class="image_3" src="../../img/4b4764a3ccaabecb2877d173562c8774.png" />
                <div class="group_8">
                  <span class="text_5">28°</span>
                  <span class="font_3 text_7">C</span>
                </div>
              </div>
              <span class="font_5 text_11">重庆市渝中区</span>
            </div>
            <div class="flex-col space-y-7 section_5">
              <div class="flex-row">
                <span class="font_2 text">15</span>
                <span class="font_2 text_2 text_3">km</span>
                <img class="image_4" src="../../img/b36d01332f0c3b0d33c3eb4521260d98.png" />
              </div>
              <span class="font_4 text_2 text_10">重庆绕城高速</span>
            </div>
          </div>
          <div class="flex-col">
            <div class="flex-row space-x-224 group_14">
              <div class="flex-row section_6">
                <img class="image_15" src="../../img/07d19fdb249e27067b7483f85d0bf0e5.png" />
                <span class="font_8 text_2 text_16">灵感地图</span>
              </div>
              <div class="flex-row section_6">
                <img class="image_15" src="../../img/dd17628389a8dcbfa77eafe147477746.png" />
                <span class="font_8 text_2 text_16">地图路线</span>
              </div>
            </div>
            <div class="flex-col space-y-6 section_7">
              <div class="flex-row space-x-56">
                <div class="flex-col items-start space-y-4 group_15">
                  <span class="font_4 text_19">路线附件发现5A景区《某某某》点击</span>
                  <span class="font_4 text_21">开始导航立即前往！</span>
                </div>
                <div class="flex-row section_8">
                  <img class="image_16" src="../../img/9956a58ad5d99d2d681ddff9b6a11cb8.png" />
                  <span class="text_20">开始导航</span>
                </div>
              </div>
              <div class="flex-row space-x-28">
                <div class="flex-row">
                  <img class="image_15" src="../../img/f1477b5f2beec7c25fd34e22d6d4c456.png" />
                  <span class="font_9 text_2 text_24">45km</span>
                </div>
                <div class="flex-row">
                  <img class="image_15" src="../../img/c3d127a2cfb4c90c2161f9b410b1abc8.png" />
                  <span class="font_8 text_2 text_25">1小45分钟</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-col space-y-26 section_10">
          <div class="flex-row space-x-22">
            <img class="image_18" src="../../img/e5ae8def0cf86bf379948bcc3446cfac.png" />
            <div class="flex-col space-y-2 group_18">
              <img class="image_5 image_19" src="../../img/fd1e2ebe3e25d8fd3dc4a3fad77bffe2.png" />
              <div class="flex-col items-start">
                <span class="font_10">Don't Wake Me I'm Not</span>
                <span class="font_10 text_26">Dreaming</span>
                <span class="font_3 text_2 text_33">Pudinxu</span>
              </div>
            </div>
          </div>
          <div class="flex-col">
            <div class="flex-row">
              <img class="image_24" src="../../img/ca2a64c2d80973c6ccf8d0a3a5da0ca3.png" />
              <img class="image_26" src="../../img/e5f87c01b23d8d4a571d306596e77f8f.png" />
              <img class="image_27" src="../../img/44dd986ab5cef984e23821afb707a1b5.png" />
              <img class="image_27" src="../../img/5d56255635f7e3cbe7cf4b5f9c1f659b.png" />
            </div>
            <div class="flex-row space-x-197 group_26">
              <span class="font_13 text_31">01:03</span>
              <span class="font_13 text_2">02:03</span>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row space-x-22 group_2">
        <div class="flex-col space-y-59 section_2">
          <div class="flex-row">
            <img class="image_5 image_6" src="../../img/ac53d6b760932d75100bc8d05738e0cd.png" />
            <div class="flex-row space-x-9 group_6">
              <span class="font_1">3:18</span>
              <span class="font_2 text_2 text_6">PM</span>
            </div>
            <img class="image_5 image_7" src="../../img/0158cca65a9888067a40f1df351e4133.png" />
          </div>
          <div class="flex-col space-y-36 group_10">
            <div class="flex-col group_11">
              <div class="flex-row items-start space-x-87 group_12">
                <span class="font_5 text_2 text_12">运动</span>
                <span class="font_5">全车管理</span>
                <span class="font_5 text_2 text_13">越野</span>
              </div>
              <div class="flex-col items-center image-wrapper">
                <img class="image_9" src="../../img/b94d7cfcbff099da19550e72d7a9e424.png" />
              </div>
            </div>
            <div class="flex-row group_13">
              <div class="group_16">
                <span class="font_7">76</span>
                <span class="font_7 text_22">%</span>
              </div>
              <div class="group_17">
                <span class="font_7">28</span>
                <span class="font_7 text_23">℃</span>
              </div>
              <div class="flex-col items-center image-wrapper_2">
                <img class="image_13" src="../../img/bdd2eed59899fbaa222baf2683bffc49.png" />
              </div>
              <div class="flex-col items-center image-wrapper_3">
                <img class="image_14" src="../../img/793c14ae93898b4bf793c079b526c898.png" />
              </div>
              <img class="image_11" src="../../img/27f7b51df52967b058db0357ec8f9746.png" />
              <img class="image_12" src="../../img/e081b483f80c480925e78dc45121758e.png" />
              <img class="image_10" src="../../img/13c6566b2a9ee0535ea5bc6d8867c6e4.png" />
            </div>
          </div>
          <div class="flex-col space-y-26 group_19">
            <div class="flex-row items-start space-x-70">
              <div class="flex-col space-y-24 group_20">
                <img class="image_5 image_21" src="../../img/cb147359b0bcd66a899244ed570b5644.png" />
                <div class="group_22">
                  <span class="font_11">45</span>
                  <span class="font_12">%</span>
                </div>
              </div>
              <img class="image_20" src="../../img/3f2c822658cf8fe94825e1e2f7d6f278.png" />
              <div class="flex-col space-y-23 group_21">
                <img class="image_5 image_22" src="../../img/043c22affec57f179b240710619ed9b2.png" />
                <div class="group_23">
                  <span class="font_11">20</span>
                  <span class="font_12 text_27">℃</span>
                </div>
              </div>
            </div>
            <div class="flex-col group_24">
              <div class="flex-row">
                <div class="flex-col items-center image-wrapper_4">
                  <img class="image_23" src="../../img/583579714b93a72049845ea13307dc45.png" />
                </div>
                <div class="flex-col items-center image-wrapper_4 view_2">
                  <span class="font_9 text_34">sport</span>
                </div>
                <div class="flex-col items-center image-wrapper_4 view">
                  <img class="image_23" src="../../img/9860c29a65978b27686f41527e3bc627.png" />
                </div>
              </div>
              <div class="flex-row space-x-58">
                <img class="image_23 image_28" src="../../img/4788d272dbfd210ed9c1ee752d7df206.png" />
                <img class="image_25" src="../../img/54d12f460f6133a7a447f43c61fbdfdc.png" />
                <img class="image_23 image_29" src="../../img/5eae37eacc5bb0a19dba1ec07f39a303.png" />
              </div>
            </div>
          </div>
        </div>
        <div class="flex-col section_3">
          <div class="flex-row justify-center group_4">
            <img class="image" src="../../img/b65f2a5005eca3728b212e4c560a3d8f.png" />
            <div class="flex-row space-x-7 group_7">
              <span class="font_2 text_8">MAX</span>
              <span class="font_1 text_4">90</span>
              <span class="font_2 text_2 text_9">km/h</span>
            </div>
            <img class="image_2" src="../../img/528e92815d947600a2f2116f961b270f.png" />
          </div>
          <div class="flex-row group_9">
            <span class="font_6 text_18">km/h</span>
            <span class="font_7 text_15">wh</span>
            <span class="font_6 text_14">22</span>
            <span class="text_17">86</span>
            <img class="image_8" src="../../img/a32e9b261040ed14a83fac90e08e1a53.png" />
          </div>
          <div class="flex-col space-y-12 section_9">
            <img class="image_17" src="../../img/ce03c2a1a8be2ab2f787e1e27865e295.png" />
            <div class="flex-row justify-center">
              <span class="font_7 text_28 text_30">Avg</span>
              <span class="font_11 text_28 text_29">20</span>
              <span class="font_7 text_31 text_32">wh</span>
            </div>
          </div>
          <div class="flex-row justify-between group_25">
            <div class="flex-col items-center image-wrapper_5">
              <img class="image_30" src="../../img/097f1e9213b71bc06c74b14d1d3dfe5d.png" />
            </div>
            <div class="flex-col items-center image-wrapper_5">
              <img class="image_30" src="../../img/ab5f21e59543fe253d0dec4b7141603d.png" />
            </div>
            <div class="flex-col items-center image-wrapper_5 view_3">
              <img class="image_31" src="../../img/9e505301bdc47d0f85d08c4f1237ba57.png" />
            </div>
            <div class="flex-col items-center image-wrapper_5">
              <img class="image_30" src="../../img/c1d01493bdcecb76fbbe3049be87ef59.png" />
            </div>
            <div class="flex-col items-center image-wrapper_5">
              <img class="image_32" src="../../img/865f6524b24e40de206836df115cea0d.png" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>